/*@font-face {
    font-family: Brandon_bld;
    src: url(../fonts/Brandon_bld.eot);
    src: url(../fonts/Brandon_bld.eot) format("embedded-opentype"), url(../fonts/Brandon_bld.woff2) format("woff2"), url(../fonts/Brandon_bld.woff) format("woff"), url(../fonts/Brandon_bld.ttf) format("truetype"),
        url(../fonts/Brandon_bld.svg) format("svg");
}
@font-face {
    font-family: Brandon_blk;
    src: url(../fonts/Brandon_blk.eot);
    src: url(../fonts/Brandon_blk.eot) format("embedded-opentype"), url(../fonts/Brandon_blk.woff2) format("woff2"), url(../fonts/Brandon_blk.woff) format("woff"), url(../fonts/Brandon_blk.ttf) format("truetype"),
        url(../fonts/Brandon_blk.svg) format("svg");
}
@font-face {
    font-family: Brandon_med;
    src: url(../fonts/Brandon_med.eot);
    src: url(../fonts/Brandon_med.eot) format("embedded-opentype"), url(../fonts/Brandon_med.woff2) format("woff2"), url(../fonts/Brandon_med.woff) format("woff"), url(../fonts/Brandon_med.ttf) format("truetype"),
        url(../fonts/Brandon_med.svg) format("svg");
}*/
@font-face {
    font-family: Brandon_grotesque;
    src: url(../fonts/BrandonGrotesque-Black.woff2) format("woff2"), url(../fonts/BrandonGrotesque-Black.woff) format("woff");
}
@font-face {
    font-family: Brandon_grotesque_bold;
    src: url(../fonts/BrandonGrotesque-Bold.woff2) format("woff2"), url(../fonts/BrandonGrotesque-Bold.woff) format("woff");
}
@font-face {
    font-family: TisaOT;
    src: url(../fonts/TisaOT.eot);
    src: url(../fonts/TisaOT.eot) format("embedded-opentype"), url(../fonts/TisaOT.woff2) format("woff2"), url(../fonts/TisaOT.woff) format("woff"), url(../fonts/TisaOT.ttf) format("truetype"), url(../fonts/TisaOT.svg) format("svg");
}
body {
    font-family: TisaOT;
    font-size: 18px;
    color: #838487;
}
.top-menu {
    width: 100%;
    float: left;
    background-color: #fff;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    padding: 20px 0;
}
.top-menu .nav-pills > li > a {
    font-family: Brandon_grotesque;
    font-size: 88.88888889%;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    color: #80669d;
    text-transform: uppercase;
}
.top-menu .btn {
    margin: -4px 0 0 25px;
}
.top-menu.scrolled {
    padding: 8px 0 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
.top-menu .logo {
    min-height: 40px;
}
.top-menu .logo img {
    max-width: 100%;
}
#msgInfo p {
    color: #46b94c;
}
#msgInfo.error p {
    color: red;
}
.btn {
    letter-spacing: 2px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.btn.btn-orange-line {
    border: 2px solid #9d8e66;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #9d8e66 !important;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-family: Brandon_grotesque;
    font-size: 88.88888889%;
    padding: 0;
}
.btn.btn-orange-line:hover {
    background-color: #9d8e66;
    color: #fff !important;
}
.btn.btn-orange {
    border: 2px solid #9d8e66;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #9d8e66;
    width: 254px;
    height: 64px;
    line-height: 64px;
    font-family: Brandon_grotesque;
    font-size: 88.88888889%;
    color: #fff !important;
    padding: 0;
}
.btn.btn-orange:hover {
    background-color: #fff;
    color: #9d8e66 !important;
}
.btn.btn-blue {
    border: 2px solid #80669d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #80669d;
    width: 240px;
    height: 56px;
    line-height: 56px;
    font-family: Brandon_grotesque;
    font-size: 88.88888889%;
    color: #fff !important;
    padding: 0;
}
.btn.btn-blue:hover {
    background-color: #fff;
    color: #80669d !important;
}
.btn.btn-blue i {
    margin-right: 10px;
}
p {
    margin: 15px 0;
}
.white-text {
    color: #fff;
}
.white-text a,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4 {
    color: inherit !important;
}
.white-text .section-title p {
    opacity: 0.7;
}
.yellow-text {
    color: #9d8e66;
}
.yellow-text p {
    margin: 40px 0;
}
section {
    width: 100%;
    float: left;
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
section.footer {
    padding: 28px 0;
}
section.footer p {
    margin: 0;
    font-size: 88.88888889%;
}
section.footer .flex-start-center {
    min-height: 45px;
}
section.footer a {
    color: #80669d;
}
section.footer i {
    font-size: 26px;
}
section.footer i.fa-twitter {
    color: #00aaeb;
}
section.footer i.fa-linkedin-square {
    color: #0077b5;
}
section.footer i.fa-facebook-official {
    color: #445f9f;
}
section.footer .nav > li > a {
    font-size: 16px;
}
section.bg-section1 {
    background-image: url(../img/bg1.jpg);
}
section.bg-section2 {
    background-image: url(../img/bg2.jpg);
}
section.hero {
    background-image: url(../img/hero.jpg);
    text-align: center;
    padding: 180px 0 100px;
}
section.hero.about {
    background-image: url(../img/about.jpg);
}
section.hero.about .scroll-down {
    margin-top: 80px;
}
section.hero.contact {
    background-image: url(../img/contact.jpg);
}
section.hero.contact .scroll-down {
    margin-top: 80px;
}
section.hero h1 {
    text-transform: uppercase;
    font-family: Brandon_grotesque_bold;
    margin: 15px 0 25px;
    letter-spacing: 3px;
}
section.hero p {
    font-size: 133.33333333%;
}
section.hero .btn-orange {
    margin: 40px 0 30px;
    font-size: 122.22222222%;
}
section.orange {
    background-color: #9d8e66;
}
section.gray {
    background-color: #f7f7f7;
}
section.dark {
    background-color: #353b46;
}
section.dark .flex-start-center {
    min-height: 445px;
}
section.testimonials {
    background-image: url(../img/testimonials.jpg);
}
.modal-dialog {
    margin-top: 80px !important;
}
.scroll-down {
    display: block;
    margin: 30px auto 0;
    float: none;
    max-width: 25px;
}
.scroll-down .infinite-move {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.laptop-holder {
    padding-top: 30px;
}
.laptop-bg {
    background-size: 100% auto;
    background-position: left top;
    min-height: 300px;
    background-repeat: no-repeat;
    background-image: url(../img/laptop.png);
    padding: 13px 5% 55px;
    position: relative;
}
.laptop-bg .player {
    display: none;
}
.laptop-bg .video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -125px;
    z-index: 99;
}
.laptop-bg .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 5;
}
.laptop-bg .cover img {
    width: 100%;
    float: left;
    height: auto;
}
.btn-x {
    font-family: Brandon_grotesque;
    float: right;
    font-size: 111.11111111%;
    text-align: center;
    padding: 5px 8px 4px 10px;
}
h2 {
    font-family: Brandon_grotesque_bold;
    font-size: 133.33333333%;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 133%;
}
.section-title h2 {
    color: #80669d;
    margin-bottom: 50px;
    margin-top: 0;
    position: relative;
}
.section-title h2:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -25px;
    background-color: #9d8e66;
}
.section-title h2.after-left:after {
    left: 15px;
}
.platform-holder .inner {
    background-color: #fff;
    padding: 30px 40px 20px;
    width: 100%;
    float: left;
    min-height: 355px;
    margin: 30px 0 0;
}
.platform-holder .inner h3 {
    font-family: Brandon_grotesque;
    color: #80669d;
    font-size: 116.66666667%;
}
.platform-holder .inner p {
    font-size: 88.88888889%;
}
.platform-holder.blue,
.platform-holder.dark,
.platform-holder.orange {
    padding: 50px 40px;
    min-height: 460px;
    margin: 30px 0 0;
}
.platform-holder.blue h3,
.platform-holder.dark h3,
.platform-holder.orange h3 {
    font-size: 155.55555556%;
    margin: 20px 0;
    line-height: 133%;
}
.platform-holder.orange {
    background-color: #9d8e66;
}
.platform-holder.dark {
    background-color: #353b46;
}
.platform-holder.blue {
    background-color: #80669d;
}
.contact-info h2 {
    margin-bottom: 40px;
}
.contact-info p {
    margin: 3px 0;
}
.testimonials .testimonial-slider {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 0;
    position: relative;
}
.testimonials .testimonial-slider button {
    position: absolute;
    left: 15px;
    z-index: 100;
    top: 50%;
    margin-top: -32px;
    width: 65px;
    height: 65px;
    background: url(../img/prev.png) center center no-repeat;
    border: none;
    outline: 0 !important;
    opacity: 0.5;
}
.testimonials .testimonial-slider button:hover {
    opacity: 1;
}
.testimonials .testimonial-slider button.slick-next {
    right: 15px;
    left: auto;
    background-image: url(../img/next.png);
}
.testimonials .testimonial-slider p {
    font-size: 133.33333333%;
    font-family: Brandon_grotesque;
    line-height: 150%;
    margin: 0;
}
.testimonials .testimonial-slider h4 {
    font-family: Brandon_grotesque_bold;
    font-size: 100%;
    margin: 30px 0 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.testimonials .testimonial-slider label {
    font-family: Brandon_grotesque;
    font-size: 116.66666667%;
    opacity: 0.7;
    font-weight: 400;
}
.centered {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin: -32px 0 0 -32px;
}
.centered img {
    width: auto;
    height: auto;
    max-width: inherit;
}
.centered .c-small1 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: small1 13s linear infinite;
    -moz-animation: small1 13s linear infinite;
    -o-animation: small1 13s linear infinite;
    animation: small1 13s linear infinite;
}
.centered .c-small2 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: small2 13s linear infinite;
    -moz-animation: small2 13s linear infinite;
    -o-animation: small2 13s linear infinite;
    animation: small2 13s linear infinite;
}
.centered .c-small3 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: small3 13s linear infinite;
    -moz-animation: small3 13s linear infinite;
    -o-animation: small3 13s linear infinite;
    animation: small3 13s linear infinite;
}
.centered .c-mid1 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: mid1 19s linear infinite;
    -moz-animation: mid1 19s linear infinite;
    -o-animation: mid1 19s linear infinite;
    animation: mid1 19s linear infinite;
}
.centered .c-mid2 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: mid2 19s linear infinite;
    -moz-animation: mid2 19s linear infinite;
    -o-animation: mid2 19s linear infinite;
    animation: mid2 19s linear infinite;
}
.centered .c-big1 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: big1 29s linear infinite;
    -moz-animation: big1 29s linear infinite;
    -o-animation: big1 29s linear infinite;
    animation: big1 29s linear infinite;
}
.centered .c-big2 {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: big2 29s linear infinite;
    -moz-animation: big2 29s linear infinite;
    -o-animation: big2 29s linear infinite;
    animation: big2 29s linear infinite;
}
@-webkit-keyframes mid2 {
    from {
        -webkit-transform: rotate(0deg) translateX(160px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(160px) rotate(-360deg);
    }
}
@-moz-keyframes mid2 {
    from {
        -moz-transform: rotate(0deg) translateX(160px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg) translateX(160px) rotate(-360deg);
    }
}
@-o-keyframes mid2 {
    from {
        -o-transform: rotate(0deg) translateX(160px) rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg) translateX(160px) rotate(-360deg);
    }
}
@keyframes mid2 {
    from {
        transform: rotate(0deg) translateX(160px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(160px) rotate(-360deg);
    }
}
@-webkit-keyframes mid1 {
    from {
        -webkit-transform: rotate(0deg) translateX(-160px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(-160px) rotate(-360deg);
    }
}
@-moz-keyframes mid1 {
    from {
        -moz-transform: rotate(0deg) translateX(-160px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg) translateX(-160px) rotate(-360deg);
    }
}
@-o-keyframes mid1 {
    from {
        -o-transform: rotate(0deg) translateX(-160px) rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg) translateX(-160px) rotate(-360deg);
    }
}
@keyframes mid1 {
    from {
        transform: rotate(0deg) translateX(-160px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(-160px) rotate(-360deg);
    }
}
@-webkit-keyframes small3 {
    from {
        -webkit-transform: rotate(0deg) translate(-2px, -85px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translate(-2px, -85px) rotate(360deg);
    }
}
@-moz-keyframes small3 {
    from {
        -moz-transform: rotate(0deg) translate(-2px, -85px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg) translate(-2px, -85px) rotate(360deg);
    }
}
@-o-keyframes small3 {
    from {
        -o-transform: rotate(0deg) translate(-2px, -85px) rotate(0deg);
    }
    to {
        -o-transform: rotate(-360deg) translate(-2px, -85px) rotate(360deg);
    }
}
@keyframes small3 {
    from {
        transform: rotate(0deg) translate(-2px, -85px) rotate(0deg);
    }
    to {
        transform: rotate(-360deg) translate(-2px, -85px) rotate(360deg);
    }
}
@-webkit-keyframes small2 {
    from {
        -webkit-transform: rotate(0deg) translate(-73px, 43px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translate(-73px, 43px) rotate(360deg);
    }
}
@-moz-keyframes small2 {
    from {
        -moz-transform: rotate(0deg) translate(-73px, 43px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg) translate(-73px, 43px) rotate(360deg);
    }
}
@-o-keyframes small2 {
    from {
        -o-transform: rotate(0deg) translate(-73px, 43px) rotate(0deg);
    }
    to {
        -o-transform: rotate(-360deg) translate(-73px, 43px) rotate(360deg);
    }
}
@keyframes small2 {
    from {
        transform: rotate(0deg) translate(-73px, 43px) rotate(0deg);
    }
    to {
        transform: rotate(-360deg) translate(-73px, 43px) rotate(360deg);
    }
}
@-webkit-keyframes small1 {
    from {
        -webkit-transform: rotate(0deg) translate(81px, 28px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translate(81px, 28px) rotate(360deg);
    }
}
@-moz-keyframes small1 {
    from {
        -moz-transform: rotate(0deg) translate(81px, 28px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg) translate(81px, 28px) rotate(360deg);
    }
}
@-o-keyframes small1 {
    from {
        -o-transform: rotate(0deg) translate(81px, 28px) rotate(0deg);
    }
    to {
        -o-transform: rotate(-360deg) translate(81px, 28px) rotate(360deg);
    }
}
@keyframes small1 {
    from {
        transform: rotate(0deg) translate(81px, 28px) rotate(0deg);
    }
    to {
        transform: rotate(-360deg) translate(81px, 28px) rotate(360deg);
    }
}
@-webkit-keyframes big2 {
    from {
        -webkit-transform: rotate(0deg) translateX(-230px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(-230px) rotate(360deg);
    }
}
@-moz-keyframes big2 {
    from {
        -moz-transform: rotate(0deg) translateX(-230px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg) translateX(-230px) rotate(360deg);
    }
}
@-o-keyframes big2 {
    from {
        -o-transform: rotate(0deg) translateX(-230px) rotate(0deg);
    }
    to {
        -o-transform: rotate(-360deg) translateX(-230px) rotate(360deg);
    }
}
@keyframes big2 {
    from {
        transform: rotate(0deg) translateX(-230px) rotate(0deg);
    }
    to {
        transform: rotate(-360deg) translateX(-230px) rotate(360deg);
    }
}
@-webkit-keyframes big1 {
    from {
        -webkit-transform: rotate(0deg) translateX(230px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(230px) rotate(360deg);
    }
}
@-moz-keyframes big1 {
    from {
        -moz-transform: rotate(0deg) translateX(230px) rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg) translateX(230px) rotate(360deg);
    }
}
@-o-keyframes big1 {
    from {
        -o-transform: rotate(0deg) translateX(230px) rotate(0deg);
    }
    to {
        -o-transform: rotate(-360deg) translateX(230px) rotate(360deg);
    }
}
@keyframes big1 {
    from {
        transform: rotate(0deg) translateX(230px) rotate(0deg);
    }
    to {
        transform: rotate(-360deg) translateX(230px) rotate(360deg);
    }
}
form {
    margin-top: 30px;
}
.flex-start-center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
input[type="email"],
input[type="text"] {
    border: 2px solid #dadadb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    float: left;
    height: 60px;
    margin: 0 0 25px;
    font-family: TisaOT;
    font-size: 88.88888889%;
    outline: 0;
    text-indent: 15px;
}
textarea {
    border: 2px solid #dadadb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    float: left;
    margin: 0 0 20px;
    max-width: 100%;
    min-width: 100%;
    min-height: 220px;
    font-family: TisaOT;
    font-size: 88.88888889%;
    outline: 0;
    padding: 15px;
}
.input-holder {
    position: relative;
}
.input-holder label {
    position: absolute;
    cursor: text;
    left: 30px;
    top: 20px;
    margin: 0;
    line-height: 100%;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    font-family: TisaOT;
    font-size: 88.88888889%;
}
.input-holder label sup {
    color: #9d8e66;
}
.input-holder label.stayTop {
    top: -20px;
    font-size: 77.77777778%;
}
input[type="submit"] {
    width: 100% !important;
}
.team-holder {
    margin-top: 30px;
    text-align: center;
}
.team-holder img {
    max-width: 100%;
    width: 150px;
    float: none;
    display: block;
    height: auto;
    margin: 0 auto 20px;
}
.team-holder h3 {
    text-transform: uppercase;
    font-family: Brandon_bld;
    font-size: 133.33333333%;
    padding: 0 15px;
}
.team-holder h3 span {
    float: right;
}
.team-holder p {
    text-transform: uppercase;
    font-size: 105.55555556%;
    margin: 0;
    padding: 0 15px;
}
.team-holder a i {
    font-size: 177.77777778%;
    margin: 15px 0 0;
    color: #0077b5;
}
.navbar-toggle .icon-bar {
    background-color: #000;
}
img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 991px) {
    .laptop-bg {
        padding: 24px 11% 57px;
    }
    .btn.btn-orange-line {
        width: 130px;
        margin-left: 0;
        font-size: 14px !important;
        margin-top: -6px;
    }
    .top-menu .nav > li > a:not(.btn) {
        padding: 10px 8px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    section {
        padding: 80px 0 50px;
    }
    .team-holder img {
        margin: 30px auto 20px;
    }
    .top-menu .nav-pills {
        width: 100%;
    }
    .top-menu .nav-pills > li {
        width: 100%;
        text-align: center;
    }
    .top-menu .nav-pills > li .btn {
        display: inline-block;
        float: none;
        margin: 0;
    }
    .platform-holder .inner,
    .platform-holder.blue,
    .platform-holder.dark,
    .platform-holder.orange {
        min-height: 1px;
    }
}
@media (max-width: 651px) {
    .laptop-bg {
        padding: 18px 11.5% 57px;
    }
}
@media (max-width: 595px) {
    .laptop-bg {
        padding: 15px 11.5% 57px;
    }
}
@media (max-width: 560px) {
    .circle-bg {
        width: 210px;
        height: 210px;
    }
    .centered {
        margin: -16px 0 0 -16px;
    }
    .centered .c-big1,
    .centered .c-big2,
    .centered .c-mid1,
    .centered .c-mid2,
    .centered .c-small1,
    .centered .c-small2,
    .centered .c-small3 {
        width: 30px;
        height: 30px;
    }
    @-webkit-keyframes mid2 {
        from {
            -webkit-transform: rotate(0deg) translateX(80px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(80px) rotate(-360deg);
        }
    }
    @-moz-keyframes mid2 {
        from {
            -moz-transform: rotate(0deg) translateX(80px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(360deg) translateX(80px) rotate(-360deg);
        }
    }
    @-o-keyframes mid2 {
        from {
            -o-transform: rotate(0deg) translateX(80px) rotate(0deg);
        }
        to {
            -o-transform: rotate(360deg) translateX(80px) rotate(-360deg);
        }
    }
    @keyframes mid2 {
        from {
            transform: rotate(0deg) translateX(80px) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateX(80px) rotate(-360deg);
        }
    }
    @-webkit-keyframes mid1 {
        from {
            -webkit-transform: rotate(0deg) translateX(-80px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg) translateX(-80px) rotate(-360deg);
        }
    }
    @-moz-keyframes mid1 {
        from {
            -moz-transform: rotate(0deg) translateX(-80px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(360deg) translateX(-80px) rotate(-360deg);
        }
    }
    @-o-keyframes mid1 {
        from {
            -o-transform: rotate(0deg) translateX(-80px) rotate(0deg);
        }
        to {
            -o-transform: rotate(360deg) translateX(-80px) rotate(-360deg);
        }
    }
    @keyframes mid1 {
        from {
            transform: rotate(0deg) translateX(-80px) rotate(0deg);
        }
        to {
            transform: rotate(360deg) translateX(-80px) rotate(-360deg);
        }
    }
    @-webkit-keyframes small3 {
        from {
            -webkit-transform: rotate(0deg) translate(-2px, -43px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(-360deg) translate(-2px, -43px) rotate(360deg);
        }
    }
    @-moz-keyframes small3 {
        from {
            -moz-transform: rotate(0deg) translate(-2px, -43px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(-360deg) translate(-2px, -43px) rotate(360deg);
        }
    }
    @-o-keyframes small3 {
        from {
            -o-transform: rotate(0deg) translate(-2px, -43px) rotate(0deg);
        }
        to {
            -o-transform: rotate(-360deg) translate(-2px, -43px) rotate(360deg);
        }
    }
    @keyframes small3 {
        from {
            transform: rotate(0deg) translate(-2px, -43px) rotate(0deg);
        }
        to {
            transform: rotate(-360deg) translate(-2px, -43px) rotate(360deg);
        }
    }
    @-webkit-keyframes small2 {
        from {
            -webkit-transform: rotate(0deg) translate(-25px, 36px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(-360deg) translate(-25px, 36px) rotate(360deg);
        }
    }
    @-moz-keyframes small2 {
        from {
            -moz-transform: rotate(0deg) translate(-36px, 25px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(-360deg) translate(-36px, 25px) rotate(360deg);
        }
    }
    @-o-keyframes small2 {
        from {
            -o-transform: rotate(0deg) translate(-36px, 25px) rotate(0deg);
        }
        to {
            -o-transform: rotate(-360deg) translate(-36px, 25px) rotate(360deg);
        }
    }
    @keyframes small2 {
        from {
            transform: rotate(0deg) translate(-36px, 25px) rotate(0deg);
        }
        to {
            transform: rotate(-360deg) translate(-36px, 25px) rotate(360deg);
        }
    }
    @-webkit-keyframes small1 {
        from {
            -webkit-transform: rotate(0deg) translate(36px, 28px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(-360deg) translate(36px, 28px) rotate(360deg);
        }
    }
    @-moz-keyframes small1 {
        from {
            -moz-transform: rotate(0deg) translate(36px, 28px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(-360deg) translate(36px, 28px) rotate(360deg);
        }
    }
    @-o-keyframes small1 {
        from {
            -o-transform: rotate(0deg) translate(36px, 28px) rotate(0deg);
        }
        to {
            -o-transform: rotate(-360deg) translate(36px, 28px) rotate(360deg);
        }
    }
    @keyframes small1 {
        from {
            transform: rotate(0deg) translate(36px, 28px) rotate(0deg);
        }
        to {
            transform: rotate(-360deg) translate(36px, 28px) rotate(360deg);
        }
    }
    @-webkit-keyframes big2 {
        from {
            -webkit-transform: rotate(0deg) translateX(-110px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(-360deg) translateX(-110px) rotate(360deg);
        }
    }
    @-moz-keyframes big2 {
        from {
            -moz-transform: rotate(0deg) translateX(-110px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(-360deg) translateX(-110px) rotate(360deg);
        }
    }
    @-o-keyframes big2 {
        from {
            -o-transform: rotate(0deg) translateX(-110px) rotate(0deg);
        }
        to {
            -o-transform: rotate(-360deg) translateX(-110px) rotate(360deg);
        }
    }
    @keyframes big2 {
        from {
            transform: rotate(0deg) translateX(-110px) rotate(0deg);
        }
        to {
            transform: rotate(-360deg) translateX(-110px) rotate(360deg);
        }
    }
    @-webkit-keyframes big1 {
        from {
            -webkit-transform: rotate(0deg) translateX(110px) rotate(0deg);
        }
        to {
            -webkit-transform: rotate(-360deg) translateX(110px) rotate(360deg);
        }
    }
    @-moz-keyframes big1 {
        from {
            -moz-transform: rotate(0deg) translateX(110px) rotate(0deg);
        }
        to {
            -moz-transform: rotate(-360deg) translateX(110px) rotate(360deg);
        }
    }
    @-o-keyframes big1 {
        from {
            -o-transform: rotate(0deg) translateX(110px) rotate(0deg);
        }
        to {
            -o-transform: rotate(-360deg) translateX(110px) rotate(360deg);
        }
    }
    @keyframes big1 {
        from {
            transform: rotate(0deg) translateX(110px) rotate(0deg);
        }
        to {
            transform: rotate(-360deg) translateX(110px) rotate(360deg);
        }
    }
}
@media (max-width: 510px) {
    .laptop-bg {
        padding: 11px 11.8% 57px;
    }
    h2 br {
        display: none !important;
    }
}
@media (max-width: 380px) {
    .laptop-bg {
        padding: 11px 12.5% 57px;
    }
}